footer{
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: solid 2px #f0b144;
}
footer .contacto{
    display: none;
}

footer .contacto .derecha,
footer .contacto .centro{
    float: left;
}

footer div.over:hover .contacto{
    display: block;
    position: absolute;
    bottom: -17px;
    left: 0px;
    z-index: 1;
    background: #F6F6F6;
    width: 500px;
    border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: :15px;
    box-shadow: 5px 4px 27px #888;
    color: #474747;
}

footer .contacto .centro{
    width: auto;
}

footer .contacto .centro.redes{
    margin: 20px 20px 10px 20px;
}

footer .contacto .derecha{
    width: 325px;
    margin: 20px 0px;
}

footer .contacto .derecha.redes ul{
    border-left: 1px solid;
    overflow: hidden;
    padding-left: 20px;
}


footer .contacto .derecha.redes{
    width: 150px;
    margin: 40px 0px 0px 0px;
}

footer .contacto .derecha p{
    color: #474747;
}

footer .contacto i{
    display: block;
    background: url("../img/sprite.png");
    height: 30px;
    width: 38px;
    float: left;
    clear: both;
}

footer .contacto div.centro > div{
    
    float: left;
}

footer .contacto i.email{
    background-position: -597px -151px;
}

footer .contacto i.telefono{
    background-position: -634px -145px;
}

footer .contacto ul li{
    display: block;
    background: url("../img/sprite.png");
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 12px;
}

footer .contacto ul li.facebook{
    background-position: -364px -177px;
}

footer .contacto ul li.twitter{
    background-position: -402px -177px;
}

footer .contacto ul li.google{
    background-position: -441px -177px;
}

footer .contacto h6{
    font-family: Oswald;
    font-size: 22px;
    color: #474747;
    border-right: 1px solid;
    padding-right: 20px;
}





footer ul.menu{
    width: 280px;
    margin: 0px 0px 0px auto;
    overflow: hidden;
    
}


footer ul.menu li{
    float: left;
    width: 70px;
    cursor: pointer;
}

footer div.correo,
footer ul.menu li span{
    display: block;
    background: url("../img/sprite.png");
    height: 36px;
    width: 38px;
    margin: 0px auto 0px auto;
}

footer ul.menu li.inicio span{
    background-position: -603px -10px;
}

footer ul.menu li.informacion span{
    background-position: -646px -10px;
}

footer ul.menu li.equipo span{
    background-position: -690px -10px;
}

footer ul.menu li.trabajo span{
    background-position: -733px -10px;
}

footer div.correo{
    height: 38px;
    width: 58px;
    background-position: -596px -99px;
    margin-left: 20px;
    float: left;
    cursor: pointer;
}

